Full-Stack Fundamentals 1 - Frontend
1h 8m 57s
English
Paid
In this project, you will create your personal portfolio website from scratch. This will be an excellent way to showcase your work as you continue to study software development using AI.
Read more about the course
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.
Watch Online Full-Stack Fundamentals 1 - Frontend
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Introduction | 04:13 |
2 | Quick Start | 06:05 |
3 | Installing Packages | 05:20 |
4 | Initializing Git | 09:07 |
5 | Running the App | 04:29 |
6 | Creating AI Rules | 09:08 |
7 | Building the Landing Page | 06:44 |
8 | Header Component | 11:05 |
9 | Projects Page | 07:42 |
10 | Deploying the Project | 05:04 |
Similar courses to Full-Stack Fundamentals 1 - Frontend

React and Typescript: Build a Portfolio ProjectudemyStephen Grider
Category: TypeScript, React.js
Duration 29 hours 21 minutes 48 seconds
Course

Nest.js Microservices: Build & Deploy a Scaleable Backendudemy
Category: Next.js
Duration 5 hours 39 minutes 49 seconds
Course

Make 20 React AppsChris Sev
Category: React.js
Duration 12 hours 20 minutes 3 seconds
Course

Classic ReactBuild UI
Category: React.js
Duration 4 hours 10 minutes 15 seconds
Course

Build a Youtube CloneCode With Antonio
Category: React.js, Next.js
Duration 23 hours 42 minutes 10 seconds
Course

AWS AppSync & Amplify with React & GraphQL - Complete Guideudemy
Category: React.js, AWS, GraphQL
Duration 11 hours 11 minutes 36 seconds
Course

Microservices with NodeJS, React, Typescript and Kubernetesudemy
Category: TypeScript, React.js, Node.js, Kubernetes
Duration 95 hours 13 minutes 4 seconds
Course

React Simplified - Beginnerwebdevsimplified.com
Category: React.js
Duration 10 hours 58 minutes 46 seconds
Course