Giter Club home page Giter Club logo

sumatm / sumatm.github.io Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 2.0 35.42 MB

Designed and developed a visually stunning and user-friendly website showcasing my skills, projects, and achievements. Implemented responsive design, smooth navigation, and captivating visuals to leave a lasting impression.

Home Page: https://sumatm.github.io/

HTML 3.10% JavaScript 96.62% CSS 0.28%
chakra-ui html motion-framer reactjs custom frontend-developer personal-branding portfolio portfolio-website responsive-portfolio

sumatm.github.io's Introduction

Portfolio Website

Project Preview

Description

This is my personal portfolio website built to showcase my skills, projects, and a little bit about myself. The website is created using React, Chakra UI, and Framer Motion to provide an interactive and visually appealing user experience. The project includes a glass-style navigation bar, an input form, and animations to enhance the overall design.

Demo

You can see the live demo of the portfolio website here.

Features

  • Showcase of projects and skills
  • Glass-style navigation bar
  • Interactive animations using Framer Motion
  • Input form for user interaction
  • Responsive design for all devices

Technologies Used

  • React
  • Chakra UI
  • Framer Motion
  • HTML/CSS

Setup and Installation

  1. Clone the repository:

    git clone https://github.com/SumatM/SumatM.github.io.git
    
  2. Install dependencies:

    cd your_portfolio_folder
    npm install
    
  3. Create a .env file in the root directory of your project.

  4. Add the following environment variables to the .env file:

    REACT_APP_PUBLIC_KEY=YOUR_PUBLIC_KEY
    REACT_APP_KEY1=YOUR_SERVICE_ID
    REACT_APP_KEY2=YOUR_TEMPLATE_ID
    

    Replace 'YOUR_PUBLIC_KEY', 'YOUR_SERVICE_ID', and 'YOUR_TEMPLATE_ID' with your actual EmailJS credentials.

  5. Run the development server:

    npm run start
    
  6. Open your browser and visit http://localhost:3000 to see the website.

About Me

I am a passionate full-stack web developer with expertise in React and Next.js. I enjoy building interactive and user-friendly web applications. This portfolio showcases some of my best work and projects I've worked on.

Contact

Star and Fork

If you find this project helpful or interesting, consider giving it a star โญ on GitHub. You can also fork it to use it as a starting point for your own portfolio website. Happy coding!

Feel free to reach out if you have any questions or if you want any specific features in the portfolio!

sumatm.github.io's People

Contributors

sumatm avatar

Stargazers

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