Skip to content

Commit

Permalink
v2 - Replace Cruip CSS with Tailwind CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
@pasqualevitiello
pasqualevitiello committed Feb 9, 2023
1 parent e50c99a commit e38d6a2
Show file tree
Hide file tree
Showing 163 changed files with 5,109 additions and 23,205 deletions.
26 changes: 4 additions & 22 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,5 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
node_modules
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
dist
dist-ssr
*.local
84 changes: 84 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
# CHANGELOG.md

## [1.8.0] - 2022-08-30

- Fix features zig zag issue

## [1.7.0] - 2022-07-15

- Replace Sass with CSS files

## [1.6.0] - 2022-07-11

- Update dependencies
- Update React to v18

## [1.5.0] - 2022-01-25

- Replace CRA (Create React App) with Vite
- Remove Craco
- Update dependencies

## [1.4.0] - 2021-12-13

- Update Tailwind 3
- Several improvements

## [1.3.0] - 2021-10-20

Update dependencies and remove some

## [1.2.3] - 2021-09-09

Fix broken image and minor issue with Tabs component

## [1.2.2] - 2021-08-19

Fix mobile menu issue

## [1.2.1] - 2021-06-11

Improve page illustration

## [1.2.0] - 2021-05-04

Update dependencies and use Tailwind 2

## [1.1.0] - 2020-10-14

- Updated cruip-js-toolkit dependency
@/package.json

- Fixed typos
@/src/pages/SignIn.js
@/src/pages/SignUp.js

- MC: Changed reveal delay
@/src/partials/HeroHome.js

- MC: Changed CSS animation name
@/src/css/additional-styles/theme.scss

- Changed the way of listening a route change
@/App.js

- Changed wrong function name
@/src/pages/Features.js

- Typo
@/src/pages/ResetPassword.js

- Missing indentation
@/src/partials/FeaturesZigZag.js
@/src/partials/News.js

- Removed unneeded onClick
@/src/partials/Header.js

- Fix carousel height adjustment
@/src/partials/Tabs.js
@/src/partials/TestimonialsCarousel.js

## [1.0.0] - 2020-08-24

First release
122 changes: 28 additions & 94 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,15 @@
# Free React landing page template

![Open React template preview](https://user-images.githubusercontent.com/2683512/78789364-545e7100-79ad-11ea-9e3c-9528c99cda8e.png)
![Open React template preview](https://user-images.githubusercontent.com/2683512/217847405-a7941b8f-45e9-4ed0-8793-03f793f45db1.png)

**Open** is a **free React landing page template designed** for developers/makers who want to create a quick and professional landing page for their open source projects, SaaS products, online services, and more.
**Open** is a **free React landing page template built with Tailwind CSS** for developers/makers who want to create a quick and professional landing page for their open source projects, SaaS products, online services, and more.

Use it for whatever you want, and be sure to reach us out on [Twitter](https://twitter.com/Cruip_com) if you build anything cool/useful with it.

Created and maintained with ❤️ by [Cruip.com](https://cruip.com).

*The previous version built with the Cruip CSS is available [here](https://github.com/cruip/open-react-template/releases/tag/1.0.0).*

## Live demo

Check the live demo here 👉️ [https://open.cruip.com/](https://open.cruip.com/)
Expand All @@ -16,122 +18,54 @@ Check the live demo here 👉️ [https://open.cruip.com/](https://open.cruip.co

[![Open Pro](https://user-images.githubusercontent.com/2683512/151177673-e56ade57-c98d-4c37-b315-d313bd14bb53.png)](https://cruip.com/)

*The premium template is built on-the-top of [Tailwind CSS](https://tailwindcss.com/), and React components have been re-built from scratch.*

## Design files

If you need the design files, you can download them from Figma's Community 👉 https://bit.ly/3BjiEtQ

## Table of contents

* [Usage](#usage)
* [Available Scripts](#available-scripts)
* [npm start](#npm-start)
* [npm test](#npm-test)
* [npm run build](#npm-run-build)
* [npm run eject](#npm-run-eject)
* [Learn More](#learn-more)
* [Code Splitting](#code-splitting)
* [Analyzing the Bundle Size](#analyzing-the-bundle-size)
* [Making a Progressive Web App](#making-a-progressive-web-app)
* [Advanced Configuration](#advanced-configuration)
* [Deployment](#deployment)
* [npm run build fails to minify](#npm-run-build-fails-to-minify)
* [Google Analytics Setup](#google-analytics-setup)
* [Project setup](#project-setup)
* [Compiles and hot-reloads for development](#compiles-and-hot-reloads-for-development)
* [Compiles and minifies for production](#compiles-and-minifies-for-production)
* [Customize configuration](#customize-configuration)
* [Support notes](#support-notes)
* [Credits](#credits)
* [Terms and License](#terms-and-license)
* [About Us](#about-us)
* [Stay in the loop](#stay-in-the-loop)

## Usage

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

### Available Scripts

In the project directory, you can run:

#### `npm install`
To install the dependencies package.

#### `npm start`

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

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

#### `npm test`

Launches the test runner in the interactive watch mode.<br>
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

#### `npm run build`

Builds the app for production to the `build` folder.<br>
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.<br>
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

#### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

### Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

#### Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

#### Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

#### Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

#### Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

#### Deployment
This project was bootstrapped with [Vite](https://vitejs.dev/).

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
### Project setup
```
npm install
```

#### `npm run build` fails to minify
#### Compiles and hot-reloads for development
```
npm run dev
```

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
#### Compiles and minifies for production
```
npm run build
```

### Google Analytics Setup
#### Customize configuration
See [Configuration Reference](https://vitejs.dev/guide/).

This template uses the [React Google Analytics Module](https://github.com/react-ga/react-ga).
### Support notes
We are shipping our templates with a very basic React configuration to let you quickly get into the development process, but we don't discourage you from using any other configuration or framework built on the top of React. So, please note that any request dealing with React (e.g. extra features, customisations, et cetera) is to be considered out of the support scope.

In order to track visitors, you need to set an [environment variable](https://create-react-app.dev/docs/adding-custom-environment-variables/) called `REACT_APP_GA_CODE` storing your [GA Tracking ID](https://support.google.com/analytics/answer/7372977).
For more information about what support covers, please see our (FAQs)[https://cruip.com/faq/].

## Credits

- [Nucleo](https://nucleoapp.com/)
- [Unsplash](https://unsplash.com/)

## Terms and License

- Released under the [GPL](https://www.gnu.org/licenses/gpl-3.0.html).
- Copyright 2020 [Cruip](https://cruip.com/).
- Copyright 2023 [Cruip](https://cruip.com/).
- Use it for personal and commercial projects, but please don’t republish, redistribute, or resell the template.
- Attribution is not required, although it is really appreciated.

Expand Down
14 changes: 14 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
</head>
<body class="font-inter antialiased bg-gray-900 text-gray-200 tracking-tight">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
Loading

0 comments on commit e38d6a2

Please sign in to comment.