Skip to content
View Dbat24's full-sized avatar
πŸ’­
Open to work
πŸ’­
Open to work

Organizations

@zero-to-mastery

Block or report Dbat24

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Dbat24/README.md

🌟 Dbat24 React Portfolio Website 🌟

This is the official repository for my personal portfolio website, built using React. The website showcases my projects, technical skills, and professional experience as a full-stack developer with expertise in the MERN stack, Firebase, Postgres, Tailwind CSS, and more.

πŸš€ Website Features

  • πŸ’» Responsive Design: Fully responsive and accessible across all devices.
  • πŸ“‚ Portfolio Sections: Displays key information about me, my skills, projects, education, and contact details.
  • 🎨 Interactive Components: Testimonial sliders, project cards, and more for a dynamic user experience.
  • πŸ“§ Email Integration: EmailJS is used for contact form submissions, sending emails directly to my Zoho Mail inbox.
  • πŸ”— Smooth Navigation: Features include a header, sidebar, and smooth scrolling for ease of use.

πŸ› οΈ Tech Stack

  • Frontend:

    • βš›οΈ React.js
    • πŸ–ΌοΈ HTML5 & CSS3
    • 🟨 JavaScript (ES6+)
    • 🎠 React-Slick for carousels
    • πŸ”” Toast notifications for form submissions
  • Backend:

    • 🟒 Node.js
    • πŸ“© EmailJS for form handling
  • Deployment:

    • πŸš€ Netlify for hosting and deployment
    • πŸ”„ Continuous Integration/Deployment (CI/CD)

βš™οΈ Setup and Installation

To run the portfolio website locally, follow these steps:

  1. πŸ“₯ Clone the repository:

    git clone https://github.com/Dbat24/Dbat24.git
  2. πŸ“‚ Navigate to the project directory:

    cd Dbat24-Portfolio
  3. πŸ“¦ Install dependencies:

    npm install
  4. ▢️ Run the development server:

    npm start

    The website will be running at http://localhost:3000.

πŸ“ Project Structure

/src
  /components
    AboutMe.js
    ContactMe.js
    Home.js
    Header.js
    Sidebar.js
    ...
  /assets
    images, icons, and other media files
  /styles
    Global CSS and individual component styles
app.js
index.js

🀝 Contributions

Contributions are welcome! Feel free to submit a pull request or open an issue.

πŸ“œ License

This project is licensed under the MIT License. See the LICENSE file for more details.

βœ‰οΈ Contact

If you have any questions or feedback, feel free to reach out via the contact form on the website or email me directly at abdulhafisbamidele@gmail.com.

Popular repositories Loading

  1. Tea-Spot Tea-Spot Public

    HTML-CSS-TEA-SPOT

    HTML

  2. portifolio-project portifolio-project Public

    HTML

  3. picture-in-picture picture-in-picture Public

    CSS

  4. Overlay-Project Overlay-Project Public

    overlay Project

    CSS

  5. Background-Generator Background-Generator Public

    Background Generator

    HTML

  6. start-here-guidelines start-here-guidelines Public

    Forked from zero-to-mastery/start-here-guidelines

    Lets Git started in the world of opensource, starting in the Zero To Mastery's opensource playground. Especially designed for education and practical experience purposes.

    Python