Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed #40, Closed #32 some fixes for README file #43

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
.DS_Store
node_modules
node_modules
.vscode
54 changes: 32 additions & 22 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,38 +1,48 @@
This is repository with examples of simple UI components. The repository is based on Next.js and React.js.
This is repository with examples of simple UI components. The repository is based on Next.js and React.js.

# installation

* Clone the repo with
```
git clone git@github.com:atherosai/ui.git
```
- Clone the repo with

```shell
git clone git@github.com:atherosai/ui.git
```

# For HTML/CSS/JS

Just navigate to the folder with your chosen example and open html file in the browser.

# For React Examples

* Install npm packages
```
npm i
```
* Run development mode
```
npm run dev
```
- Navigate to project folder

```shell
cd <example_folder>
```

- Install npm dependencies

```shell
npm install
```

Now the app is accessible at ```localhost:3000```
- Run development mode

```shell
npm run dev
```

Now the app is accessible at `localhost:3000`

# My Social Media
The examples are posted here:

* [TikTok](https://www.tiktok.com/@davidm_ai)
* [Instagram](https://www.instagram.com/davidm_ai/)
* [Youtube](https://www.youtube.com/@Atheroslearning)
* [Twitter](https://twitter.com/davidm_ml)
* [Linkedin](https://www.linkedin.com/in/david-mraz/)
* [Threads](https://www.threads.net/@davidm_ai)
The examples are posted here:

* Learn more at [Atheros Learning](https://learning.atheros.ai)! HTML and CSS course is coming this month!
- [TikTok](https://www.tiktok.com/@davidm_ai)
- [Instagram](https://www.instagram.com/davidm_ai/)
- [Youtube](https://www.youtube.com/@Atheroslearning)
- [Twitter](https://twitter.com/davidm_ml)
- [Linkedin](https://www.linkedin.com/in/david-mraz/)
- [Threads](https://www.threads.net/@davidm_ai)

- Learn more at [Atheros Learning](https://learning.atheros.ai)! HTML and CSS course is coming this month!