Skip to content

erreinoso/AdaWonders

 
 

Repository files navigation

AdaWonders 🌈

This is our first project at Adalab Bootcamp.

The goal was to create a responsive website with information about our team and ourselves individually, according to the client needs, and it features a main page and a second page with a functional contact form.

If you want to know more about us and about what we do please visit our team's website.

Main page

gif of desktop view

Contact forma and page

gif of desktop view

All the design and pages are responsive and adaptable to all screen sizes.

video of responsive view

- Requirements

The project consists of:

  • A main page of the website had to be structured by header, hero, section 'about us', section 'strengths and weaknesses', section with individual infomation and footer.

  • A contact page of the website contains a form with mandatory fields to fill, with the option to return to the main page and navigate trougth the sections of the web.

Learnings 💡

  • Learning HTML5 and CSS3 by creating a website.
  • Re-doing the website by using Gulp to automatize and SASS (SCSS) to style.
  • Following Agile & SCRUM workflow and using Trello app to organize our tasks.

Tools 💻

  • HTML 5
  • CSS - SCSS
  • Node - Gulp

How to run this project? 👇

  • Clone or download the repository in your computer.

To install local dependencies, type:

npm install

Also, you need to install React Route and SASS:

npm install node-sass

In the project directory, type:

npm start

This runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

You can also create a docs folder by running #### npm run docs

Team 👋

This project was created by AdaWonders Team:

Elena Ramírez 🔗

Elena Gallego 🔗

Virginia Gómez 🔗

Marian de la Osa 🔗

Isabel Olivares 🔗

Releases

No releases published

Packages

No packages published

Languages

  • SCSS 50.7%
  • HTML 39.7%
  • JavaScript 9.6%