Full-Stack Fundamentals 1 - Frontend

What you will create:

You will develop a personal portfolio website, including:

• A modern and concise homepage
• A separate projects page to showcase your work
• A professional navigation menu
• Smooth animations and transitions
• A responsive design suitable for mobile devices

Technologies we will use:

You will master a modern frontend stack:

• React - a JavaScript library for building interfaces with reusable components
• Next.js - a React-based framework that provides routing, server actions, and much more
• Tailwind CSS - a utility-first CSS framework for fast and flexible styling
• Shadcn - a set of high-quality, ready-to-use UI components
• Framer Motion - a library for creating animations in interfaces

This stack is used in real-world development teams and will give you relevant skills.

What you will learn:

During the project, you will master:

• How to set up a project from scratch with Next.js
• Basics of working with Git version control and the GitHub platform
• Using AI tools to assist in programming (e.g., in the Cursor editor)
• Creating rules for AI to help it program in the desired style
• Working with components, pages, and layouts in Next.js
• Modern principles of component architecture in React
• Styling with Tailwind CSS
• Developing a responsive design
• Using ready-made components to accelerate work
• Adding professional animations with Framer Motion
• Deploying a site on the internet

This project is your first step towards creating an impressive portfolio and mastering the tools modern developers use.