Skip to content

Shukry7/Ssd-Assignment-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 E-Commerce Web Application

📌 Overview

This is a full-stack e-commerce web application developed for Kandurata Glass and Aluminium using the MERN (MongoDB, Express.js, React.js, Node.js) stack. The application allows users to browse, purchase, and manage glass and aluminum products effortlessly.


🛠️ Tech Stack

  • Frontend: React.js, Tailwind CSS, Flowbite, Axios
  • Backend: Node.js, Express.js, MongoDB, Mongoose
  • Authentication & Security: Express-session, Cryptr
  • State Management: React Context API
  • Styling: Tailwind CSS, Material Tailwind

📂 Project Structure

repo/
|-- backend/   # Node.js & Express backend
|-- frontend/  # React.js frontend

🚀 Setup Instructions

✅ Prerequisites

Ensure you have the following installed:

  • Node.js (>= 16.x)
  • npm or yarn
  • MongoDB (or a MongoDB Atlas connection string)

🔧 Backend Setup

  1. Navigate to the backend directory:
    cd repo/backend
  2. Install dependencies:
    npm install
  3. Create a .env file in the backend folder and add the following environment variables:
    MONGO_URL=Your Mongo URL
    PORT=5000
  4. Start the backend server:
    npm run backend

🎨 Frontend Setup

  1. Navigate to the frontend directory:
    cd repo/frontend
  2. Install dependencies:
    npm install
  3. Start the React development server:
    npm start

🌐 Running the Application

After setting up both backend and frontend, open your browser and go to:


🎯 Features

✅ User authentication (login, signup, session management)
✅ Product catalog with detailed view
✅ Shopping cart and checkout functionality
✅ Order management
✅ Responsive UI with Tailwind CSS
✅ Secure API with MongoDB and Express-session


🤝 Contribution

Contributions are welcome! Follow these steps:

  1. Fork the repository
  2. Clone the forked repo
    git clone https://github.com/your-username/repo.git
  3. Create a new branch
    git checkout -b feature-branch
  4. Make your changes and commit
    git commit -m "Your commit message"
  5. Push the changes
    git push origin feature-branch
  6. Create a Pull Request on GitHub

🎭 Contributors

SHUKRY FA - Implemented an Product management system.
MUFEEZ MMM - Implemented a Supplier management system.
FAIZAL MF - Implemented an employee management system.
Aadhil MM - Implemented a wholesale customer management system.
AFHAM MNM - Implemented an order management system.
HUSNY ANM - Implemented a delivery management system.
LUKE M - Implemented an user management system.
ABDHULLAH MJ - Implemented a faq and inquiry management system.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages