Code Monkey home page Code Monkey logo

portfolio's Introduction

Aftab's Portfolio Website

You can visit the live website here: Technophile

Overview

This is a personal portfolio website developed to showcase my skills, projects, and experiences. The website is built using MERN Stack, and it features a clean and modern design. It is fully responsive, ensuring it looks great on all devices.

Features

  • Responsive Design: The website is optimized for all screen sizes, from mobile phones to desktop computers.
  • Project Showcase: A dedicated section to display the projects I have worked on, with descriptions, screenshots, and links to the live projects or their repositories.
  • About Me: A section that provides a brief introduction, highlighting my academic background, skills, and interests.
  • Contact Form: A simple and effective contact form to allow visitors to get in touch with me directly.
  • Social Links: Icons that link to my profiles on various social media platforms, such as LinkedIn and GitHub.

Technologies Used

  • MongoDB: For database management, storing data related to projects and user interactions.
  • Express.js: For handling the server-side logic and APIs.
  • React.js: For building the front-end interface of the website.
  • Node.js: For running the server and handling backend operations.

Getting Started

Prerequisites

To run this project locally, you will need a web browser. You can use any modern browser like Chrome, Firefox, or Edge.

Installation

  1. Clone the repository:

    git clone https://github.com/devaftab/Portfolio.git
    
  2. Navigate to the project directory and install dependencies:

    cd backend
    npm install
    cd frontend
    npm install
    
  3. Set up the environment variables:
    Create a .env file in the root directory (backend folder) and add the necessary two environment variables
    MONGO_URI = mongodb://localhost:27017
    PORT=4000

  4. Run the development server:: Run backend from root directory

    npm run dev
    
  5. Run the frontend:

    cd frontend
    npm run dev
    
  6. Open the website in your browser: Go to http://localhost:5173 to view the portfolio.

Contributing
If you find any issues or have suggestions for improvements, feel free to fork the repository and submit a pull request. Contributions are always welcome!

Contact
If you have any questions or would like to collaborate, feel free to reach out to me:

Email

LinkedIn

GitHub

portfolio's People

Contributors

devaftab avatar vaibhavarora314 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.