Skip to content

πŸ‹οΈ Mentality Ecommerce Store w/ admin portal built with React, Node.js, Express.js, MongoDB

Notifications You must be signed in to change notification settings

carlos-req/ecommerce_store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

86 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ‹οΈ Mentality - Ecommerce Store

Mentality is a Ecommerce store with Vite, React, Redux, Node, Express, MongoDB and other technologies. This Ecommerce store is made to be a full stack application handling both client and server functionality.

πŸš€ Features

  • πŸ— Sign in & Register using JWT
  • πŸ‘€ View your own profile, email, name, orders, etc.
  • πŸ—¨ Selection of clothing
  • πŸ“¬ Admins can edit:
    • πŸ“ Product Name
    • πŸ–Ό Product Images
    • πŸ“ Product Description
    • πŸ‘₯ User roles
  • πŸ”Ž Search for products
  • πŸ“₯ Drag and drop to upload files and images
  • πŸŒ“ Toggle between light mode and dark mode

πŸ› οΈ Main Technologies

  • React
  • Redux
  • Node
  • Express
  • MongoBD
  • TailwindCSS
  • Vite

πŸ“ Process

I started with thinking about things I am passionate about and i've always wanted to build my own appeareal store and since I am a big fitness love I thought this would be a great way to combine two loves, building products and fitness.

I started by creating the backend using Node and Express after setting up routes, middleware and controllers, I was ready to connect to MongoDB and starting creating models

In the Front end I created visually appealing screens and made API calls to the backend to retrive authentication information, products and orders.

πŸ€” How Can It Be Improved?

Application could run faster and have more subtle animations with more in depth ecommerce features. A potentially linked up to a checkout / payment page might increase the appeal of this application

πŸ“š What I Learned

During this project, I've picked up important skills and a better understanding of complex ideas, which improved my logical thinking.

🚦 Running the Project

To run the project in your local environment, follow these steps:

  1. Clone the repository to your local machine.
  2. Run npm install or yarn in the project directory to install the required dependencies.
  3. Run npm run start or yarn start to get the project started.
  4. Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app.

πŸ› Current Bug

So far no issues have been reported or found, continue to update mobile responsive features.

πŸ“Έ - Demo Images

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

Screenshot

About

πŸ‹οΈ Mentality Ecommerce Store w/ admin portal built with React, Node.js, Express.js, MongoDB

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published