Skip to content

Setting up an React app manually with webpack and then building a Carousel Component

Notifications You must be signed in to change notification settings

fridavbg/carouselApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Carousel App

Main goal

I've never created a React app from scratch so this was a way for me to make sure I understand all the things related to webpack and babel. After the basic set up of webpack I wanted to create a simple Carousel App that works for both desktop and mobile screens (finger-swipes).

Install and get started

1- $ git clone https://github.com/fridavbg/carouselApp.git

2- $ cd carouselApp

3 - $ npm i

4 - $ npm start

  1. Clone repo to your local machine
  2. Move into the react app folder
  3. Install dependencies with npm
  4. Start app server

Open Browser

Now the app is up and running on http://localhost:8080/

You can choose to look at an image by using the arrows or just plainly scroll through them all with the scrollbar at the bottom of each image. If you are on a mobile device you can also swipe through them all.

About

Setting up an React app manually with webpack and then building a Carousel Component

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published