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.

Sign up for GitHub

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

my solution to the reading list challenge #268

Closed
wants to merge 12 commits into from
Closed

my solution to the reading list challenge #268

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
e071e04
Implement the logic of the app
Jul 27, 2023
e2ab3d5
Separate components and create a custom hook
Jul 27, 2023
97738ec
Implement basic styling with chakra ui and notifications
Jul 27, 2023
88fb44a
Add README file
Jul 27, 2023
bf3018c
Implement synchronization between tabs
Jul 27, 2023
8abcd16
Improve accessibility and Add filter by number of pages
Jul 28, 2023
37fa1b0
Update README
Jul 28, 2023
9a59971
Edit text for less redundancy
Jul 31, 2023
ce21416
Fix padding and improve some text
Aug 1, 2023
2f22ce7
Refactor code
Aug 23, 2023
289baaf
Use async to get the books data
Sep 7, 2023
25c0fb7
Fix width and height attributes on Image components
Sep 7, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added pruebas/01-reading-list/davidcdev/.DS_Store
View file
Open in desktop
Binary file not shown.
24 changes: 24 additions & 0 deletions pruebas/01-reading-list/davidcdev/reading-list/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
22 changes: 22 additions & 0 deletions pruebas/01-reading-list/davidcdev/reading-list/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
# Reading list app

This is an app that allows you to add available books to your personal reading list and remove them from there.

Here's the link to the project: [daBooks](https://da-books.netlify.app/)

## Overview

This app was built using React, Vite, Chakra UI, and React-hot-toast for notifications.

This project is the first challenge from [@Midudev](https://github.com/midudev) in his recent launched project: [Pruebas Técnicas](https://pruebastecnicas.com/)

### Features

- ✅ View available books
- ✅ Filter by genre
- ✅ Filter by number of pages
- ✅ Add to reading list
- ✅ Remove from reading list
- ✅ Books counters
- ✅ Data persistence
- ✅ Synchronization between tabs
14 changes: 14 additions & 0 deletions pruebas/01-reading-list/davidcdev/reading-list/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="this is a reading list web app built with react and vite" />
<title>daBooks: Reading list</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/main.jsx"></script>
</body>
</html>
13 changes: 13 additions & 0 deletions pruebas/01-reading-list/davidcdev/reading-list/main.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import { createRoot } from 'react-dom/client'
import { App } from './src/App'
import theme from './src/logic/theme'
import { ChakraProvider, ColorModeScript } from '@chakra-ui/react'

const root = createRoot(document.getElementById('app'))

root.render(
<ChakraProvider theme={theme}>
<ColorModeScript initialColorMode={theme.config.initialColorMode} />
<App />
</ChakraProvider>
)
Loading