A full stack website built using React, CSS and with a Node.js, Express.js and MongoDB.
This is a project built and developed in around 6 weeks by 6 software developers who recently all graduated from Boolean Tech Academy and share a passion to want to continue their learning journey, gain experience working as a team in an agile-scrum setting and challenges themselves. The design for ShopFront came from an existing Figma template which we reworked and tweaked. The MVP consisted of a Landing Page with HeroBanner, Product carousel, NavBar and Footer as well as a Login/ Register feature, Shopping cart feature and a Logged In user DashBoard.
Some new areas of learning for us were:
i18next is a JavaScript i18n framework that manages translations for multilingual apps. It initialises with config, supports dynamic language changes based on the app's state, and targets values in JSON files using a simple function.
With this library, we defined chatbot conversations using a straightforward configuration. It allowed us to customize the chatbot's appearance and behavior, making it easy to prompt users, receive responses, and take actions like redirection. "react-simple-chatbot" seamlessly integrated into our React project, enhancing user engagement.
MongoDB manages user data and subscriptions. Test credentials for login: Email - test@test.com and Password - 1234.
- Add products to the cart
- Remove products from the cart
- Update quantities
- Calculate the total cost
- Eye-catching visual display
- User-friendly navigation with intuitive controls
- Dynamic content loading for improved performance
- Dashboard displaying logged-in user options
- User can browse through orders, personal information, wishlist and also logout from the website
Visit the deployed website Uomo.