Introducing StealTeal, Full Stack Responsive Web Application created using ReactJS and Chakra UI for the frontend and Node & Express for the server side coding along with MongoDB database to store the data of garments and users, deployed on Render.
What makes our web app so special? ( Caution: Applicable only upto 100 Try On Calls - Limited due to free tier API subscription )
- It allows the users to virtually try on a set of tees on respective male or female models to get a fair idea of the looks and feel the clothes they are about to buy.
- This feature is achieved all thanks to
Revery API. - The system we designed allows a backend admin to post the garments in Revery server and the
garment_idgenerated is stored in Mongodb database for tryon and rendering purposes.
- Users can easily add to cart their favourite outfits and can make the payment using credit/debit card.
- Achieved using
StripeIntegration checkout mechanism.
- Users can subscribe to the NewsLetter allowing them to get information about the future updates.
- Achieved using the
Mailjetserver side API. - The user email is stored in the database for further communication.
- Can Be used in mobile and tablet devices.
- Major credit for this feature goes to the
useMediaQueryHook in Chakra UI
- mongoose ---> as a mongodb client
- react-hot-toast ---> for notifications
- @chakra-ui/react ---> for styling using chakra components
- canvas-confetti ---> for party poppers
- react-slick ---> for carousel
- react-router-dom ---> navigation
- axios ---> for data fetching
- cors ---> for cross origin resource sharing
- stripe ---> for payment gateway
- node-mailjet ---> for email services
- ReactJs
- Chakra UI
- ReveryAI API
- NodeJS
- Express
- MongoDB
- Render
- Git/GitHub
https://stealteal.onrender.com/ The insights of the web-app can also be seen on - https://clipchamp.com/watch/eQbqE5KhWzC , a small video clip showcasing the features of StealTeal.
--> garments database
--> users database