Portfolio Company Clone

• This project used react, tailwindcss, and other sub features to clone a company's portfolio landing page designed by BootstrapMade.com.

Folder Structure

| src
  | assets
    || carousel.module.scss
    || main.css
    || tailwind.css
  | components
    | subComponents
      || Carousel.js
      || useTransition.js
    || About.js
    || Contact.js
    || Cta2.js
    || Footer.js
    || FooterBottom.js
    || Header.js
    || Layout.js
    || NavBar.js 
    || Portfolio.js
    || Service.js
  | images
    | filler
      || (...fillerImages)
    | portfolio
      || (...portfolioImages)
  | utils
    || helpers.js
  | views
    || FullWeb.js
  || index.js

Component Tree

|| index.js
  || main.css
  || tailwind.css
  || FullWeb.js
    || Navbar.js
    || Header.js
    || Service.js
    || Portfolio.js
    || About.js
    || Cta2.js
    || Contact.js
    || Footer.js
    || FooterBottom.js

Getting Started

• This is a repo specifically made to view or clone the source code at its entirety.

• In order to get a copy of the website up and running on your local machine, follow these instructions.

Installing

1. Clone the repo

git clone https://github.com/JonathanDuarteGH/react-tailwindcss-1.git

2. Open up the terminal and navigate your way towards the src file of the folder. Any terminal will do.

3. Explore the website using,

npm start

4. Open up the Tempo folder and launch the following file on any web browser,

index.html

Built With

• React.js
• TailwindCSS
• Javascript
• HTML5
• PostCSS

Images Sourced Through

• Amazon Web Services - Simple Storage Service (S3) Bucket

Website Hosted On

• Netlify

License

This project is subjected to the MIT License - see the LICENSE.md file for details

Acknowledgments

• Tempo website is based off of BootstrapMade.com