📚 Serenwood Academy

Devoted to excellence in teaching, learning, and research, and to developing leaders who make a difference globally.

Technologies • Objective • Breakpoints • How to Use • Improvement Ideas • Author

🚀 Technologies

🎯 Objective

This project was proposed by Rocketseat. Where we had to create a responsive UI design using following concepts and technologies:

Technologies:

Tailwind CSS;
NextJS;
Mobile First;
Radix UI;
Framer Motion;

Concepts:

Composition Pattern;
Mobile First;

I have plans to add more features to this project as I progress with my studies. You can check on improvment ideas section.

User should be able to:

Visualize screen in any screen without breaking;
View theme based on system;
Navigate through tabs;
Visualize files selected;

📱 Breakpoints

Desktop

Tablet

Mobile

💡 Improvement Ideas

Create Authentication Page
Create Password Page
Form Validation
File items from Portfolio projects have accurate states
Create Sidebar item using Composition Pattern

ℹ️ How to Use

Before cloning the repository into your machine you'll need: Git and NodeJS. Also it is good to have a code editor like VSCode.

#Clone this repository
$ git clone https://github.com/davyd-souza/serenwood-academy.git serenwood-academy

#Go into the repository
$ cd serenwood-academy

# Install dependencies with
$ npm install

# Run app
$ npm run dev

👤 Author

Made with 💛 by Davyd Souza