Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jeromeabel/kungfuschool
Website to manage a Kung Fu school
https://github.com/jeromeabel/kungfuschool
astro tailwind
Last synced: about 16 hours ago
JSON representation
Website to manage a Kung Fu school
- Host: GitHub
- URL: https://github.com/jeromeabel/kungfuschool
- Owner: jeromeabel
- Created: 2023-11-13T08:29:25.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-27T15:43:21.000Z (9 months ago)
- Last Synced: 2024-04-24T22:15:37.950Z (7 months ago)
- Topics: astro, tailwind
- Language: Astro
- Homepage: https://jeromeabel.github.io/kungfuschool/
- Size: 62.2 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kung Fu School
[](https://astro.build/)
[](https://www.typescriptlang.org/)
[](https://tailwindcss.com/)
I am developing a website for a Kung Fu school in France. The current website is outdated and does not reflect current best practices in web design.
My work involves designing and developing a complete redesign of the website, with a new design, to provide a quality user experience with the best performance. Additionally, the idea is to create a software solution that integrates other services such as content management, registration, and learning tracking.
## ✨ Demo
👉 https://jeromeabel.github.io/kungfuschool/
## 🚨 Prerequisites
You will need:
- [NodeJS](https://nodejs.org/)
- [Git](https://git-scm.com/)
- A terminal to run commands
## 🛠️ Installation
```sh
git clone [email protected]:jeromeabel/kungfuschool.git
cd kungfuschool
npm install
```
## 🚀 Utilisation
```sh
npm run dev
```
Open the browser at the address: http://localhost:4321/kungfuschool
## 📝 Documentation
- Version 1 mockup on [Figma](https://www.figma.com/file/sW8NgzHukO70ZU6zs8l920/Kung-Fu-School?type=design&node-id=1-1843&mode=design)
- Analysis and design on the [Wiki](https://github.com/jeromeabel/kungfuschool/wiki)
- Task management and user stories on the [Kanban](https://github.com/users/jeromeabel/projects/5)
## 📅 Plan
- [x] **V1 - Visitor Experience Enhancement**:
- Responsive/consistency in design
- Improvement of SEO and performance
- [ ] **V2 - CMS for Admin**:
- Administrator autonomy in managing news and content
- [ ] **V3 - Enhanced Registration Process**:
- Simplification of registration management for the administrator
- Improvement in communication with students (announcements, notifications)
- [ ] **V4 - Online Store**:
- Facilitation of the payment process for students
- Increase in association revenue
- Diversification of products, showcasing an expanded view of Chinese martial arts culture
- Student loyalty through exclusive products and promotions
- Facilitation of student support through donations
- [ ] **V5 - Learning Platform**:
- Improvement in the learning experience (tracking, content)
- Implementation of a system to collect and display testimonials
- Mobile app version for students
- [ ] **V6 - SaaS**:
- Introduction of a software solution as a service (SaaS)
- Addressing the administrative needs of any sports school
## 🎉 Results
### UX
- Clear user journey: informations, navigation, consistency
- Support for small screens: responsive design
- Engagment: social links, share blog posts, animations, Call to Action
- Quality (Pagespeed scores):
- Old score: 82% 82% 68% 69%
- New scores: 99% 100% 100% 100% (mobile) - 100% 100% 100% 100% (desktop)
### DX
- Documentation
- Mockup and mini design system
- Development workflow: user stories, git actions, conventional git commits
## 👤 Author
- [@jeromeabel](https://github.com/jeromeabel)
## 📷 Images Credits
AI generated, iconsjs.org, iwuf.org, freepik.com