My Portfolio Next.js

Animation of the Website

Visulation of the Website

Description

Project aims get information about My Personal Portfolio via a Javascript React with Next.js framework.

Learning Outcomes

At the end of the this project, you will be able to;

• improve coding skills within ReactJS, Typescript, Next.js, Tailwindcss, Framer Motion.

• use git commands (push, pull, commit, add etc.) and Github as Version Control System.

Getting Started with Create React App

Contact App (folder)
|
|----readme.md
SOLUTION
├── assets
├── styles
├── pages
├── data
├── components
│     └── About.tsx
│     └── BgCircle.tsx
│     └── Contact.tsx
│     └── Header.tsx
│     └── MoonIcon.tsx
│     └── Projects.tsx
│     └── Skill.tsx
│     └── Skills.tsx
│     └── SunIcon.tsx
├── public
│    ├── components
│    │       ├── form
│    │       │     └── Form.js
│    │       └── table
│    │             └── Table.js
│    ├── utils
│    │       ├── customToastify.js
│    │       ├── functions.js
│    │       └── firebase.js
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    ├── Animation.gif
│    └── index.css
├── package.json
└── yarn.lock