https://github.com/sedat-akdogan/react_tour_places

React Library is used to create a tour place app.
https://github.com/sedat-akdogan/react_tour_places

js jsx reactjs sass sass-mixins scss-modules scss-styles

Last synced: 17 days ago
JSON representation

React Library is used to create a tour place app.

• Host: GitHub
• URL: https://github.com/sedat-akdogan/react_tour_places
• Owner: sedat-akdogan
• Created: 2022-12-25T23:04:42.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-26T20:17:06.000Z (about 2 years ago)
• Last Synced: 2024-12-19T00:41:08.703Z (17 days ago)
• Topics: js, jsx, reactjs, sass, sass-mixins, scss-modules, scss-styles
• Language: JavaScript
• Homepage: https://react-tour-ce65ezt5h-sedat2121.vercel.app
• Size: 21 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React_Tour_Places

## Description

Project aims to create a tour places app.

## Problem Statement

- We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.

## Project Skeleton

```

001-Tour Project(folder)

|

|----readme.md         # Given to the students (Definition of the project)

SOLUTION

├── public

│     └── index.html

├── src

│    ├── components

│    │       ├── cards

│    │       │     ├── Card.css

│    │       │     └── Card.js

│    │       ├── header

│    │       │     ├── Header.css

│    │       │     └── Header.js

│    │       └── navbar

│    │             ├── Navbar.css

│    │             └── Navbar.js

│    ├── helper

│    │       └── data.js

│    ├── App.js

│    ├── App.css

│    ├── index.js

│    └── index.css

├── package.json

└── yarn.lock

```

## Objective

Build a Tour Project App using ReactJS.

### At the end of the project, following topics are to be covered;

- HTML

- CSS

- JS

- ReactJS

### At the end of the project, students will be able to;

- improve coding skills within HTML & CSS & JS & ReactJS.

- use git commands (push, pull, commit, add etc.) and Github as Version Control System.

## Steps to Solution

- Step 1: Create React App using `npx create-react-app tour-places`

- Step 2: Build tour places app using [`data.js`](./data.js).

- Step 4: Push your application into your own public repo on Github

- Step 5: Add project gif to your project and README.md file.

**
☺ Happy Coding ✍
**