FitMe

Hello Elite, It's ReacTors Team 👋

While ordering clothes online, users are often disappointed by the fact that upon arrival, the clothes they bought don’t fit them as they thought they would or maybe they don’t look and feel like how they were displayed on the site they bought them from

After deeply studying the existing solutions to the problems we highlighted ,our application can be of real meaningfull use , through it we hope to offer the user a real time experience imitating a fitting room, so that they would be able to try their clothes on and see how they fit them in real time using increased/improved reality Now i give the flow to my mate moataz

Bref

• Hi, we are Reactos Team From Tunisia. ( Esprit )
• 🔭 we currently working on making perfect Cloths Shop Ever
• 🌱 we currently learning how to DressUp a 3D Model

✨ Introductions

After deeply studying the existing solutions to the problems we highlighted ,our application can be of real meaningfull use ,
through it we hope to offer the user a real time experience imitating a fitting room, so that they would be able 
to try their clothes on and see how they fit them in real time using increased/improved reality

Deployment Digrame

Features

-> Suggest System ✨✨
-> FitRoom ✨
-Full featured shopping cart
-Product reviews and ratings
-Filtering (short by, category, & price range)
-Account Verification (2 factor authentication using email)
-Password Reset (Forget Password)
-Token based authentication
-Product search feature
-User profile with orders
-Save Cart
-Delete Cart
-Choose quantity (No of items to be order)
-Checkout process (shipping, payment method, etc)
-Order summary
-PayPal / credit card integration
-Esewa payment integration (Nepali payment gateway)
-Database seeder (products, users, reviews, & orders)
-New features (Added)

-Print User orders as pdf
-Print UserList as pdf
-Print OrderList as pdf
-Admin features

-Product management
-User management
-Order management
-Order details page
-Mark orders as delivered option

Screnshoots

Tech Stack 💻

React.js
Node.js
Express.js
MongoDB
Material UI
React Bootstrap
Redux

API Externe 👨‍💻

PayPal API
Esewa API
Send Grid API
Cloudinary API

Our API ‍

Installation

Dillinger requires Node.js v12+ to run.

Install the dependencies and devDependencies and start the Client.

cd FitMe
cd client
yarn install
yarn start

Install the dependencies and devDependencies and start the Client.

cd FitMe
cd server
npm install
npm start

For production environments...

npm install --production
NODE_ENV=production node app

2. Create a .env file in Server folder and add the following

PORT=5000
NODE_ENV=development

MONGO_URI =your mongodb uri

PAYPAL_CLIENT_ID=your paypal client id

FILE_UPLOAD_PATH=./public/uploads/product
FILE_UPLOAD_SIZE=1000000

JWT_SECRET=your key
JWT_EXPIREIN=30d

CLOUD_NAME=your cloudinary name
API_KEY=your cloudinary api key
API_SECRET=your cloudinary api secret key

SEND_GRID_KEY=your sendgrid api key

FROM_EMAIL=your sender email
FROM_NAME=ShoppingPoint

🎉 Open your browser and go to https://localhost:3000

🤩 Don't forget to give this repo a ⭐ if you like this repo and want to appreciate our efforts

Conclusion

Beta version of advanced feature
Implementation of mockups and designs
Clearer vision of the final product