X Health One Bit Code hackathon
Customer Requirements:
I have a gym that has several modalities, such as: Bodybuilding, fights, dances, HIIT, indoor bike, Functional, Jump and others.
I would like to have a page that is attractive to customers and that shows all my modalities so that they get to know a little better what we have to offer.
The page should show testimonials from students who went through the academy and had results. In addition, it must also show our instructors that they are professionals and well-recognized athletes in the market.
Other services we offer are:
- Physical assessment with bioimpedance and personalized training setup,
- Physiotherapy for treatment and prevention of injuries and
- Monitoring with personal trainer.
These services can be contracted individually and are not included in the monthly fee.
Through this page, potential customers should be able to send messages to clear up doubts and students should be able to access registration information and view their training information.
The main colors of the academy are
Black and yellow
, so I would like the page to follow this color pattern. An important detail is that the design needs to be modern, elegant and demonstrate all the quality of the services we offer. Our equipment is all new and we have renowned professionals in the market to guide students in all activities.
In addition to the customer's requirements, we have an additional requirement: One of the course exercises must be used in the project. You can choose any exercise from any module and make it part of the client's project.
Additional Information:
-The technologies used are at the programmer's discretion. The customer did not specify the technologies to be used.
-Main colors of the company's visual identity: #ebba34 (yellow) and #050505 (black)
IMPORTANT!
The challenge is exclusive to PRO students and must be developed in pairs. PIONEER students can participate in the challenge if invited by a PRO student.
Criteria for evaluation:
- Fulfillment of customer requirements
- Project presentation (design, deploy, github-readme)
- Creativity
- Code
- To reproduce this project you will need a computer with an operating system such as windows, Linux or mac for telo locally, fork the project: access this link and learn Access
After the screen locally access the terminal using a text editor preferably visual studio code and run the command " npm install " to install the used library and the Sass preprocessor for css if you haven't installed it also run the command "npm install -g sass"
After doing these steps you can see running the index.html file, modify and even Contribute to the project...
- Gleriston
- Daniel Silverio
- Javascript
- Bootstrap
- Css
- Sass
- Html
- Figma