🥷🏽 Css - Material - js webdesign project

An informational website made with bootstrap5, sass, js. Teammembers:

• Jarne Dirken
• Seppe Maes
• Reinhoud
• Manu

📦 Technologies

• CSS
• Javascript
• Material
• Html

🦄 Features

Here's what you can do with our website:

• View all the informational pages: View all the informational data on each page.

👩🏽‍🍳 The Process

For a straightforward project, create a website where we have to create a new website for "moeders voor moeders", a company in belgium that helps moms.

Basically we could do what we wanted but there was some information that was required.

Overall a great project to understand html, css and js. Happy we had a chance to make this.

📚 What I Learned

During this project, I've improved my material, css, js and html abilities. Also working in a team was really great.

🧠 Brain:

• Problem solving: First time working with JS really had me writing "console.log()" a lot during this project. Problem solving is an important skill that definitely is improved.

📏 Team coordination:

• Working as a team: Working in a team is important, here the basis are made of how we should work in a team.

⌚ Time management:

• Using scrum board: Keeping track of all our tasks using a scrum board really made everything organised. For this project we used Trello.

📓 New knowledge:

• Javascript: First time using Javascript and I kind off liked it.
• CSS: Basic CSS knowledge
• Material: Powerfull tool for basic styling, has it pro's and con's.

📈 Overall Growth:

This project made me understand github more and more. Aswell as the importance of teamwork.

💭 How can it be improved?

• More user friendly
• Styling the application more
• Implementing more features

🚦 Running the Project

To run the project in your local environment, follow these steps:

1. Clone the repository to your local machine.
2. Run npm install or yarn in the project directory to install the required dependencies.
3. Run npm run start or yarn start to get the project started.
4. Open http://localhost:8000 (or the address shown in your console) in your web browser to view the app.

🍿 Video

demo.3.mp4