dipak-01/e-commerce-website

Project for Webkriti

UpStyle 👟

Welcome to UpStyle, your premier destination for the latest and greatest in sneaker fashion. UpStyle is not just a sneaker store; it's a lifestyle brand that brings together enthusiasts, collectors, and trendsetters from all walks of life. We're more than just shoes; we're a cultural hub where fashion meets art, design meets comfort, and individuality reigns supreme. Step into UpStyle, where every sneaker tells a unique story, and every step you take is a stride toward self-expression.

CLICK HERE TO SEE MORE SCREENSHOTS

Hosted URL

Explore our awesome UpStyle project with a stunning user interface: Check it out here!

Features

- Frontend Features:

1. Browse Sneaker Catalog:

   • Display sneakers with images and descriptions with price.

2. Product Details Page:

   • Show detailed info, specs, reviews also include an "Add to Cart" button.

3. Wishlist Functionality:

   • Let users create and manage wishlists.

4. User Account Creation:

   • Simple registration (username, email, password).

5. User Profile Features:

   • Allow profile updates (name, address, password).

6. Shopping Cart:

   • Display selected items, quantities, prices also enables item modification such as removal of products.

7. Checkout Process:

   • Provide a smooth, step-by-step checkout, offering Razorpay payment mode for secure payment gateway for transactions.

- Backend Features:

1. Product Management:

   • Admin interface for CRUD operations on products, categorization, and attribute configuration

2. User Management:

   • User account management (registration, login).

3. Wishlist Management:

   • Storage and retrieval of user wishlists, database operations for adding/removing wishlist items.

4. Order Processing:

   • Manage customer orders and shipping info.

5. Payment Processing:

   • Integration with secure payment gateways, validation and verification of payment data.

6. Database Management:

   • Maintain a database for product, user, and order data and optimize database performance.

- Some Other Features:

1. Skeleton Loader:

   • A skeleton loader is a visual placeholder that appears while content is loading, providing users with a sense of progress and reducing perceived loading times.

2. Dynamic Cart Making:

   • Creation auto-updates and removal from the user's shopping cart as they shop, enabling real-time tracking of selected items and quantities for a seamless online shopping experience.

3. Status Check of User Logged In/Out:

   • ensures access to personalized content when logged in, prompting login when needed, enhancing both security and user experience.

Installation

1. Clone the repository: git clone https://github.com/dipak-01/E-commerce-Website.git
2. Install dependencies: npm install
3. Run the application: npm start
4. Open index.html using LiveServer (VS Code Extension).

Contribution

Embark on a thrilling sneaker adventure with us! To contribute, follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature
3. Make your changes and commit them: git commit -m 'Add some feature'
4. Push to the branch: git push origin feature/your-feature
5. Create a pull request.

Feedback

Your feedback is valuable to us! Feel free to open an issue on GitHub for any suggestions, bug reports, or improvements.

Contact Us

Have questions or suggestions? Feel free to reach out to our dedicated customer support team. We're here to assist you in any way we can.

Email: [email protected]

⚙ Techonologies/Libraries/Packages Used

Frontend

• HTML - For creating the structure and content of web pages
• CSS - For describing the presentation and layout of HTML (or other markup) documents in web development
• JavaScript - For adding interactivity and functionality to websites
• Boxicons - For getting different icons
• Google Fonts - For getting different fonts

Backend

• NodeJS - For the server
• ExpressJS - For handling the incoming requests from the clients
• MongoDB - For storing and managing unstructured or semi-structured data, often in a flexible, schema-less format.

Team Members

1. Dipak Kurkute 2022IMT-037
2. Sahil Jaiswal 2022IMT-099
3. Gaurav Pawar 2022IMT-083

Mentors

1. Yuvraj Kumar
2. Yana Gupta

---

🙏 Thank you for joining us on exciting journey into the world of sneakers! 🙏