davyd-souza / serenwood-academy

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

📚 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