Skip to content

herbertgaribaldi/designify-website-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻 Designify - Landing Page


github-header


💡 Features

🖥️ Amazing React Project with Animations and Modal - Styled Components, Framer Motion. In this code you will see how to build a website in React.js using styled components. You can learn how to create a smooth scroll effect, react router, carousel and a responsive layout.


📌 Topics

🖱️ 1. Initial Project;
🖱️ 2. Global Styles;
🖱️ 3. Setup Router;
🖱️ 4. Navbar component;
🖱️ 5. Hero component;
🖱️ 6. Navbar;
🖱️ 7. Feature section;
🖱️ 8. Clients section;
🖱️ 9. Content section;
🖱️ 10. Animation and Framer motion;
🖱️ 11. Footer component;
🖱️ 12. Modal.


🎞️ Images

designify-desktop-version

designify-mobile-version


🔨 Tech Stack

⚛️ React
📙 JavaScript
🧭 Animation with Framer motion
🖼️ HTML and CSS


📖 Installation

$ git clone

In the project directory, you can run: https://github.com/herbertgaribaldi/designify-website-react.git

npm install

To install all dependences.

npm start

Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.

npm run build

Builds the app for production to the `build` folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run eject