Demo โข About โข Tasks โข Run โข Technologies โข Author โข License
Landing page developed as a test, it has carousels and a complete business presentation.
Click to View
State | Task |
---|---|
โ๏ธ | Initial Structure |
โ๏ธ | Create a global CSS |
โ๏ธ | Create Nagivator component |
โ๏ธ | Create Button component |
โ๏ธ | Create Pricing component |
โ๏ธ | Create Recipes component |
โ๏ธ | Create Recipe component |
โ๏ธ | Create GoGreen component |
โ๏ธ | Create HowItWorks component |
โ๏ธ | Create DownloadApp component |
โ๏ธ | Create Footer component |
โ๏ธ | Create react routes |
โ๏ธ | Create Landing page |
โ๏ธ | Responsive design: tablet |
โ๏ธ | Responsive design: mobile |
โ๏ธ | Responsive design: desktop |
โ๏ธ | Responsive design: ultra wide |
with npm
# Install dependencies
$ npm install
# Start development server
$ npm start
with yarn
# Install dependencies
$ yarn
# Start development server
$ yarn start
โ ๏ธ The development server will start on port:3000 - Access http://localhost:3000
The following tools is used to build this project:
๐ Web |
---|
HTML5 |
CSS3 |
TypeScript |
React |
React Slick |
React Scroll |