EchocodeApp

EchocodeApp is a multi-page landing website with a backend and admin panel, designed for EchoCode. The website allows users to submit contact forms, view products, and interact with content managed through an easy-to-use admin panel.

Please note: This website is still in development.

💎 Site on domain: https://echocode.app/

🧩 Netlify Render: https://echocode.netlify.app/

💾 Swagger: https://echoapp.onrender.com/api-docs/

Features

• Multi-page landing page with responsive design
• Contact form with data submission to email and MongoDB
• Admin panel for managing products and content
• Real-time email notifications via SendGrid
• Secure and scalable backend with MongoDB and Node.js

Technologies Used

Frontend

• Vite: A fast and lightweight build tool for modern web development.
• Normalize.css: A CSS file that provides cross-browser consistency in styling.
• Toastify.js: A simple and customizable toast notification library.
• Yup: A JavaScript schema builder for form validation.
• HTML, CSS, JavaScript: Core web technologies for structuring, styling, and adding interactivity to the website.

Backend

• Node.js: JavaScript runtime for building the backend.
• Express.js: A fast and minimalist web framework for Node.js.
• MongoDB: A NoSQL database used for storing data.
• Mongoose: An ODM (Object Data Modeling) library for MongoDB and Node.js.
• Axios: Promise-based HTTP client for making requests.
• Bull: A robust queue system for handling jobs and tasks.
• Cloudinary: A cloud service for managing media assets.
• Node-Mailjet: A library for sending emails using Mailjet.
• Swagger UI: A tool for visualizing and interacting with API endpoints.
• Cors: Middleware for enabling Cross-Origin Resource Sharing.
• dotenv: Loads environment variables from a .env file.
• Joi: A data validation library for JavaScript.
• Morgan: HTTP request logger middleware for Node.js.
• Multer: Middleware for handling file uploads.
• Rate-limiter-flexible: A library for rate-limiting API requests.