Mini-Project

Mini Project Ideas

                             

➕ 📂 HTML

🚀 Projects Overview

1. HTML FORM -> Studi Kasus TODO APP

• Description: Todo Apps dengan penerapan Best Practice Form Html dan penanganan form validation
• Technologies: HTML, CSS, JavaScript
• Link: html/HTML FORM - Studi Kasus TODO APP
• Preview:
  

➕ 📂 CSS

🚀 Projects Overview

1. CSS GRID -> TODO APP

• Description: Todo Apps dengan penerapan Best Practice Form Html dan penanganan form validation
• Technologies: HTML, CSS, JavaScript
• Link: css/CSS GRID - TODO APP
• Preview:
  

2. CSS Flex -> Belajar Flex

• Description: -
• Technologies: HTML, CSS
• Link: css/Belajar Flex
• Preview:
  

3. CSS Flex -> Navbar Responsive

• Description: Navbar Responsive With Css native - Flexbox
• Technologies: HTML, CSS
• Link: css/Navbar Responsive - With CSS Flex
• Preview:
  

➕ 📂 JavaScript

🚀 Projects Overview

1. Undangan Pernikahan

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Undangan Pernikahan
• Preview:
  

2. Tebak Angka

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Tebak Angka
• Preview:
  

3. Game Suwit Jawa

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Game Suwit Jawa
• Preview:
  

4. Kuis App

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Kuis App
• Preview:
  

5. Papan Skor

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Papan Skor
• Preview:
  

6. Weather App

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Weather App
• Preview:
  

7. Bermain Warna

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Bermain Warna
• Preview:
  

8. Kalkulator Umur

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Kalkulator Umur
• Preview:
  

9. TodoList

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/TodoList
• Preview:
  

10. Computational Thinking

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Computational Thinking
• Preview:
  

11. Bookshelf App

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Bookshelf App
• Preview:
  

12. Belajar Alfabet

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Belajar Alfabet
• Preview:
  

13. Kalkulator BMI

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: vanilla/Kalkulator BMI
• Preview:
  

14. Tabel Pricing

• Description: Tabel pricing html css with implementasi semantic HTML 🤳
• Technologies: HTML, CSS
• Link: vanilla/Tabel Pricing
• Preview:
  

15. Task Management

• Description: Task Management dengan Vanilla Javascript
• Technologies: HTML, CSS, Javascript
• Link: javascript/task-management
• Preview:
  

16. javascript-vanillaJs

• Description: Murni Javascript
• Technologies: HTML, CSS, Javascript
• Link: javascript/vanillaJs
• Preview:
  

➕ 📂 Web Components

🚀 Projects Overview

1. WEB COMPONENT -> Peminjaman Buku

• Description: Menampilkan Data Buku, Formulir, Css Grid, dan Penerapan Web Component
• Technologies: HTML, CSS, JavaScript
• Link: webComponents/Peminjaman-Buku
• Preview:
  

2. WEB COMPONENT - Club Finder APP

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: webComponents/Club Finder APP
• Preview:
  

➕ 📂 WebPack

🚀 Projects Overview

1. WEB COMPONENT & WEBPACK -> Notes App

• Description: -
• Technologies: -
• Link: webpack/Notes-App
• Preview:
  

2. WebPack - Responsive Website

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: webpack/responsiveWebsite
• Preview:
  

➕ 📂 Portfolio Website

🚀 Project Overview

1. Portfolio v1

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: portfolio/Portfolio v1
• Preview:
  

2. Portfolio v2

• Description: -
• Technologies: HTML, CSS, JavaScript
• Link: portfolio/Portfolio v2
• Preview:
  

3. Portfolio v3

• Description: -
• Technologies: HTML, Tailwind
• Link: portfolio/Portfolio v3
• Preview:
  

4. Portfolio v4

• Description: -
• Technologies: HTML, CSS
• Link: portfolio/Portfolio v4
• Preview:
  

➕ 📂 React Js

🚀 Projects Overview

1. ReactJs -> Profile-Content

• Description: -
• Technologies: -
• Link: ReactJs/Profile-Content
• Preview:
  

2. ReactJs -> Todo-List

• Description: -
• Technologies: -
• Link: ReactJs/Todo-List
• Preview:
  

3. ReactJs -> First React

• Description: -
• Technologies: -
• Link: ReactJs/First React
• Preview:
  

➕ 📂 Express Js

🚀 Projects Overview

1. ExpressJs -> Mongodb-Contact-App

• Description: -
• Technologies: -
• Link: ExpressJs/Mongodb-Contact-App
• Preview: -

➕ 📂 Hapi Js

🚀 Projects Overview

1. HapiJs -> Notes-App

• Description: -
• Technologies: -
• Link: HapiJs/Notes-App
• Preview: -

2. HapiJs -> Bookshelf API

• Description: -
• Technologies: -
• Link: HapiJs/Bookshelf API
• Preview: -

📚 Learning and Growth

Each project in this branch represents a step in my journey to mastering the Full Stack Web Developer. From understanding the basics to learning backend and frontend development, these projects reflect my commitment to learning and growing. Each project in this branch represents a step in my journey to become a full-stack Web Developer. From understanding the basics to learning backend and frontend builds, these projects reflect my commitment to continuous learning and development.

🤝 Contribution

📧 Contact

For any questions or collaboration opportunities, feel free to reach out to me:

• Email: aditypraa@gmail.com
• LinkedIn: Linkedin/in/aditypraa

Thank you for visiting my Mini Project repository! Enjoy exploring the projects, and I look forward to your feedback.

Happy coding! 🚀