Skip to content

Sky-De/Portfolio_typescript_next_js

Repository files navigation

Personal Portfolio

Feel free to give it a start 🌟

line

Table of Contents

line

Tech Stack

Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge

line

Features

  • Fully Responsive
  • Dark-light mode
  • Stunning design
  • Google-RECAPTCHA
  • Contact Form
  • Mandatory scroll Y

line

Demo

Take a look at the live project deployed on Netlify

Live Demo

line

Preview

** ------------------------------------- DESKTOP -------------------------------------**

** -------------------------------------- Mobile ------------------------------------**

line

About

1. Elegant UI Design

Immerse yourself in a visually appealing user interface that seamlessly guides you through six distinct sections: Skills, Quick Introduction, Projects, Learning, About, and a Contact form. The design ensures a captivating experience, with a mandatory vertical scroll to unveil each layer.

2. Responsive Across Devices

Experience a consistent and delightful journey across all devices - mobile, tablet, and desktop. The responsive design guarantees optimal performance and aesthetic regardless of the screen size.

3. Smooth Animations with Framer Motion

Enjoy smooth and engaging animations implemented with Framer Motion. Every interaction, from scrolling to transitioning between sections, is designed to provide a polished and enjoyable user experience.

4. Redux Toolkit State Management

Harness the power of state management with Redux Toolkit, seamlessly integrated with TypeScript. I've meticulously crafted a robust architecture, employing React custom hooks to handle actions and facilitate smooth data flow throughout the application.

5. Contact Form with Nodemailer and Google Recaptcha

Connect with me effortlessly through the secure and interactive Contact section. The contact form, backed by Nodemailer, enables you to send job offers directly. Rest easy knowing your communication is protected by Google Recaptcha, ensuring a secure and spam-resistant channel.

line

Installation

Provided step-by-step instructions on how to install and run this project locally.

# Clone the repository
git clone https://github.com/Sky-De/Portfolio_typescript_next_js

# Change directory
cd directory

# Add .env variables
check .env.example

# Install dependencies
npm install

# Run the project
npm run dev

line

Contact

skyDe

LinkedIn

GitHub

Twitter

Releases

No releases published

Packages

No packages published

Languages