From ad27c3dc37cf18282735dee75556bb2779f3eb55 Mon Sep 17 00:00:00 2001 From: rodages Date: Sat, 2 Jul 2022 12:08:36 +0100 Subject: [PATCH 01/13] pushing commit --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index 3d85b3a..c37c209 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,8 @@ ## The Brief +test + The project brief, alongside API documentation can be found on Notion, [click here](https://www.notion.so/planesstudio/Planes-Hackathon-Brief-a786934e04f0469ebbf4816149942c9a). ## Getting Started @@ -9,11 +11,13 @@ The project brief, alongside API documentation can be found on Notion, [click he In this repository you will find a template of a single page application in React. Feel free to create your own or use this to get started in your teams. #### Step 1. Clone this repository: + ```sh git clone https://github.com/teamplanes/React-to-the-future.git ``` **Now, change directory to the project** + ```sh cd React-to-the-future ``` @@ -23,6 +27,7 @@ cd React-to-the-future ```sh yarn install ``` + **OR, using npm.** ```sh @@ -36,6 +41,7 @@ yarn start ``` **OR, using npm** + ```sh npm run start ``` From 7fa353a4ff46f3e617db59db305e94284adba01f Mon Sep 17 00:00:00 2001 From: natbibi Date: Sat, 2 Jul 2022 14:32:31 +0100 Subject: [PATCH 02/13] :sparkles: add basic search component --- src/App.js | 1 + src/components/search.js | 10 ++++++++++ src/screens/home.js | 8 ++++---- 3 files changed, 15 insertions(+), 4 deletions(-) create mode 100644 src/components/search.js diff --git a/src/App.js b/src/App.js index 43816e5..b7099c8 100644 --- a/src/App.js +++ b/src/App.js @@ -2,6 +2,7 @@ import { ChakraProvider, theme, } from '@chakra-ui/react'; + import {Nav} from './components/bottom-nav' import {Home} from './screens/home' diff --git a/src/components/search.js b/src/components/search.js new file mode 100644 index 0000000..3d43e0c --- /dev/null +++ b/src/components/search.js @@ -0,0 +1,10 @@ +import React from 'react' +import { Input } from '@chakra-ui/react' + +export const Search = () => { + return ( + <> + + + ) +} \ No newline at end of file diff --git a/src/screens/home.js b/src/screens/home.js index 166da05..73bf2f0 100644 --- a/src/screens/home.js +++ b/src/screens/home.js @@ -6,19 +6,19 @@ import { } from '@chakra-ui/react'; import {Nav} from '../components/bottom-nav' import { Logo } from '../components/logo'; +import { Search } from '../components/search'; export const Home = () => { return ( + <> -
- - HACK to the future! - +