My portfolio website is a full-stack web application that showcases my projects, skills, and accomplishments. It allows visitors to learn more about me, view my work, and get in touch for potential opportunities. The MERN stack has been used to build the website, with Firebase providing additional features.
React.js:A JavaScript library for building user interfaces, used for creating the frontend of the website.
Node.js: A runtime environment that allows you to run JavaScript on the server side.
Express.js: A web application framework for Node.js that provides a robust set of features for building RESTful APIs.
MongoDB: A NoSQL database used to store and retrieve data related to projects and skills.
Mongoose (ODM for MongoDB)
Firebase: A cloud-based platform that provides various services such as authentication and database capabilities.
Emailjs: Sends submitted contact form from the client-side javascript code to an email inbox without a backend server.
Home Page: Provides an introduction to me
Portfolio Page: Displays a collection of my projects, including descriptions, screenshots, and links to live demos and repositories.
About Page: Highlights my skills, interests and areas of expertise.
Contact Page: Allows visitors to reach out through a contact form.
Admin Panel: A secure admin panel that allows for managing and updating the content of the website.
Authentication: Users can log in to access the admin panel.
Responsive Design: The website is responsive and optimized for different screen sizes, allowing for seamless usage on desktop and mobile devices.
The project structure is organized as follows:
server: Contains the server-side code, including API routes, controllers and database configuration.
portfolio: Contains the client-side code, including React components and styles.
public: Includes static assets such as images and favicon.
src: Shared code between the server and client.
README.md - You are here! ๐
This portfolio website was developed by Ida Wafula.
Special thanks to the open-source community for providing the libraries and tools used in this project.
If you have any questions, feel free to reach out to me at [email protected].
Thanks for visiting! ๐บ