FrostBites is a full-stack web application developed as part of my project at SENA Institution. Designed with both user convenience and functionality in mind, the application showcases a practical implementation of modern web development principles. This project really helped me sharpen my skills in building applications that are secure, user friendly, and built to last.
- React.js: A modern JavaScript library.
- Dependencies:
- FontAwesome: A library of customizable icons.
- Axios: For handling HTTP requests.
- Chart.js: For creating interactive charts.
- Firebase: For Google authentication.
- Formik: For handling forms in React.
- Leaflet: A library for Interactive maps.
- Motion: For animations in react.
- React Router Dom: For navigation and routing.
- Loader-Spinner: For displaying loading animations.
- Remove-Scroll: For removing scroll in popups.
- Toastify: For displaying elegant notifications.
- Yup: Object schema validation.
- Zustand: State management for React.
- Node.js + Express.js: For better server-side development.
- PostgreSQL: A robust relational database.
- Dependencies:
- Bcrypt: For secure password hashing.
- Cors: To handle cross-origin requests.
- Dotenv: For managing environment variables.
- JWT Authentication: For secure user authentication.
- Pg: For PostgreSQL integration.
- Nodemailer: For sending emails.
- Stripe: For handling payments and subscriptions.
- Login and Registration: Users can register and log in using their email and password.
- Session Expiry: Sessions are automatically expired after one hour for security.
- Persistent Login: Maintain user sessions until explicit logout.
- Email Confirmation for Registration: Users will verify their registration via email.
- Password Validation: Enforce strong passwords with specific criteria.
- Forgot Password: Enable users to reset their password through email confirmation.
- Product Catalog: A static display of available ice cream products
- Create Product Catalog: Enable users to customize ice cream with bases, flavors, and toppings.
- Shopping Cart: Add or remove ice cream items from the cart.
- Purchase Process: Complete transactions smoothly.
- Order Confirmation: Show confirmation after a successful purchase.
- User Profile Section: View and update profile information such as username and email
- Profile Data Validation: Validate updated profile data to ensure accuracy and uniqueness.
- Profile preferences: Allow users to customize their preferences such as dark mode and language.
- Admin Authentication: Restrict access to admin-only features
- Product Management: Add, update, or delete items in the product catalog.
- Site Statistics: Track website activity like views and purchases
- Order Management: Manage purchase orders, including marking them as shipped.
- Interactive Site Map: Add an interactive mini-map such as GoogleMaps.
- Responsive Design: Ensure the site is fully responsive and mobile-friendly.
- Security: Implement secure authentication (e.g., bcrypt for password hashing).
- Error Handling: Handle common errors and display user-friendly messages.
- Performance Optimization: Improve loading times for better performance.
- Dark Mode: Allow users to switch to a dark theme.
- Language Toggle: Provide a Spanish language option.
- Gallery Section: Users can submit ice cream photos for admin approval.
- Content Loader: Display a placeholder while content loads.