IE Portfolio is a static full-stack portfolio website showcasing a variety of projects: a React-based frontend, a Node.js backend API, javascript and python projects. These projects highlight experience in responsive design, modular architecture, RESTful APIs, user authentication, and modern development tools.
- Frontend: React, Vite, Redux, Axios, Context API, Formik, Yup, Toastify, React Router
- Backend: Node.js, Express, MongoDB, Django, PostgreSQL, JWT, Joi, bcryptjs, Mongoose, Morgan
- Languages: JavaScript, Python, C++
- Tools: Postman, Git, MongoDB Compass, MongoDB Atlas
- Frontend (IE-Business-Directory): Deployed on Render – Live Demo
- Backend (Backend-BusinessDirectory): Hosted on Render – [API Endpoint]
- Database (MongoDB Atlas): Hosted on MongoDB Atlas – [Database]
- Connected securely to the backend via a connection string stored in environment variables.
1. IE-Portfolio
A static portfolio website built with HTML, CSS. The site utilizes modern web design practices to ensure responsiveness, interactivity, and smooth user experience across all devices.
- Responsive Design: Utilizes flexible layouts and CSS media queries to ensure the site looks great on all devices, from desktops to mobile phones.
- Modular CSS: Custom CSS for styling with responsive design principles in mind, including flexible grids, flexible containers, and media queries to ensure a seamless experience across various devices.
- Mobile Scroll Animations: Applied CSS transitions and animations to card elements that trigger when the user scrolls through the projects section, enhancing the site's visual appeal and engagement.
A React app for browsing and managing business listings.
Highlights:
- JWT-based authentication
- Create/edit/delete business cards
- Form validation with Formik/Yup
- Search, filter, and pagination
- Notifications via Toastify
RESTful API server built with Node.js and Express for efficient and scalable backend services.
Key Features:
- Express-based RESTful API architecture
- User registration, login, and role-based access
- Full CRUD.
- Input validation with Joi
- Password hashing with bcrypt
- MongoDB integration with Mongoose
- Logging with Morgan
Architecture:
- Follows MVC pattern
- Express.js serves as the main server framework, handling HTTP requests and responses
- Organized into routes, controllers, models, middleware
- JavaScript: JavaScript, HTML, CSS, DOM manipulation, Fetch API, OOP principles, and localStorage.
- Python: Python, requests, BeautifulSoup, random, file handling, command-line interaction.
- PyScript: Python, PyScript, HTML, CSS, API integration.
- Frontend: Built using functional components and React hooks
- State Management: Redux and Context API
- Routing: React Router for dynamic navigation
- Backend: MVC pattern with modular routing and middleware
- Security: JWT auth, bcrypt password hashing, input validation with Joi
- Testing & Debugging: Postman, MongoDB Compass, MongoDB Atlas