Code Monkey home page Code Monkey logo

my-portfolio's Introduction

๐ŸŒธ My Portfolio Website ๐ŸŒธ

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.

๐Ÿ“ฆ Technologies Used

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.

๐ŸŒฟ Features

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.

๐Ÿ“ Folder Structure

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! ๐Ÿ˜„

Credits

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.

Contact

If you have any questions, feel free to reach out to me at [email protected].

Thanks for visiting! ๐ŸŒบ

my-portfolio's People

Contributors

ida-naliaka avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.