Try using a front-end framework.

• 

Inspiration

Major League Hacking is my inspiration.

What it does

It is uses React.js for creating app.

How we built it

I built it using React.js.

import React from 'react';

import { Carousel } from 'react-responsive-carousel';

import "react-responsive-carousel/lib/styles/carousel.min.css";

let styles = {

 margin: 'auto',

 width: '500px'

};

function App() {

return (

        <div style={styles}>

         <Carousel>
        <div>
            <img src="https://res.klook.com/image/upload/fl_lossy.progressive,q_65/c_fill,w_480,h_384/cities/c1cklkyp6ms02tougufx.webp" alt="Singapore"/>

              <p className="legend"></p>

                 </div>

                    <div>
            <img 

src="https://res.klook.com/image/upload/fl_lossy.progressive,q_65/c_fill,w_480,h_384/cities/e8fnw35p6zgusq218foj.webp" alt="Japan"/>

                <p className="legend">Japan</p>
        </div>
        <div>

                   <img 

src="https://res.klook.com/image/upload/fl_lossy.progressive,q_65/c_fill,w_480,h_384/cities/liw377az16sxmp9a6ylg.webp" alt="Las Vegas"/>

                 <p className="legend">Las Vegas</p>

                 </div>

                  </Carousel>
</div>

);

}

export default App;

Challenges we ran into

It was a fun challenge.

Accomplishments that we're proud of

I am proud of taking this challenge.

What we learned

I learned React.js

What's next for Try using a front-end framework.

I will use it more to explore.

Built With

• react