update waka
swadhinbiswas committed 2 years ago
df838c6
1 parent 4577b94
commit df838c6
1 file changed
+27 -34
Showing 1 changed file+27-34
▼README.md
+27-34
| @@ -1,9 +1,8 @@ | ||
1 | 1 | # Gellary |
2 | -This project aims to create an image gallery website that fetches images from copyright-free sources, stores them in a database, and displays them on the website. We'll prioritize ethical considerations and legal compliance throughout the process. | |
3 | - | |
4 | -# | |
5 | 2 | |
3 | +This project aims to create an image gallery website that fetches images from copyright-free sources, stores them in a database, and displays them on the website. We'll prioritize ethical considerations and legal compliance throughout the process. | |
6 | 4 | |
5 | +[](https://wakatime.com/badge/github/swadhinbiswas/Gellary) | |
7 | 6 | |
8 | 7 | ## `project code name: project Art` |
9 | 8 | |
| @@ -11,25 +10,24 @@ This project aims to create an image gallery website that fetches images from co | ||
11 | 10 | |
12 | 11 | 1. **Programming Language & Framework:** We'll use **Python** as it is beginner-friendly and widely used. Popular frameworks Fast API and React simplify web development. Choose the one you find more comfortable. |
13 | 12 | 2. **Libraries:** |
14 | - - **requests**: Downloads images from the internet. | |
15 | - - **Database library**: Choose one based on your chosen database (e.g., `psycopg2` for PostgreSQL, `MySQLdb` for MySQL). | |
16 | - - **PIL (Python Imaging Library)**: Manipulates and displays images in Python. | |
17 | - | |
18 | - **Building the Backend (Server-side)** | |
19 | - | |
20 | - 1. **Database Setup:** | |
21 | - - Create a database table to store image data. Include columns for: | |
22 | - - **Image ID (unique identifier for each image)** | |
23 | - - **Image Data (byte string representing the image)** | |
24 | - - **Image Source URL (link to the original image source)** | |
25 | - - **Description (optional, a brief description of the image)** | |
26 | - - **License (optional, the specific license under which the image is available)** | |
27 | - | |
28 | - 2. **Develop functionalities:** | |
29 | - - **Image fetching:** Write code using `requests` to download images from chosen URLs with proper error handling. | |
30 | - - **Image conversion:** Convert downloaded images to a byte string format using libraries like `PIL` before storing them in the database. | |
31 | - - **Data storage:** Use your chosen database library to establish a connection and store the image data and related information in the table you created. | |
32 | - | |
13 | + | |
14 | + - **requests**: Downloads images from the internet. | |
15 | + - **Database library**: Choose one based on your chosen database (e.g., `psycopg2` for PostgreSQL, `MySQLdb` for MySQL). | |
16 | + - **PIL (Python Imaging Library)**: Manipulates and displays images in Python. | |
17 | + | |
18 | + **Building the Backend (Server-side)** | |
19 | + | |
20 | + 1. **Database Setup:** | |
21 | + - Create a database table to store image data. Include columns for: | |
22 | + - **Image ID (unique identifier for each image)** | |
23 | + - **Image Data (byte string representing the image)** | |
24 | + - **Image Source URL (link to the original image source)** | |
25 | + - **Description (optional, a brief description of the image)** | |
26 | + - **License (optional, the specific license under which the image is available)** | |
27 | + 2. **Develop functionalities:** | |
28 | + - **Image fetching:** Write code using `requests` to download images from chosen URLs with proper error handling. | |
29 | + - **Image conversion:** Convert downloaded images to a byte string format using libraries like `PIL` before storing them in the database. | |
30 | + - **Data storage:** Use your chosen database library to establish a connection and store the image data and related information in the table you created. | |
33 | 31 | |
34 | 32 | **Building the Front end (Website)** |
35 | 33 | |
| @@ -47,10 +45,10 @@ This project aims to create an image gallery website that fetches images from co | ||
47 | 45 | |
48 | 46 | [https://github.com/swadhinbiswas/Gellary](https://github.com/swadhinbiswas/Gellary) |
49 | 47 | |
50 | -`cd Gellary/frontend` | |
48 | +`cd Gellary/frontend` | |
51 | 49 | |
52 | - `npm create vite@latest {project name} --template react | |
53 | - cd {project name}` | |
50 | +`npm create vite@latest {project name} --template react | |
51 | + cd {project name}` | |
54 | 52 | |
55 | 53 | `npm install axios` |
56 | 54 | |
| @@ -58,13 +56,9 @@ This project aims to create an image gallery website that fetches images from co | ||
58 | 56 | |
59 | 57 | `npm run dev` |
60 | 58 | |
61 | - | |
62 | - | |
63 | - | |
64 | - | |
65 | 59 | # **Resource** |
66 | 60 | |
67 | -## for visual chats | |
61 | +## for visual chats | |
68 | 62 | |
69 | 63 | 1.Chart.js |
70 | 64 | |
| @@ -76,15 +70,15 @@ PostgreSQL | ||
76 | 70 | |
77 | 71 | [Set up hosted PostgreSQL® database for FREE](https://aiven.io/free-postgresql-database) |
78 | 72 | |
79 | -API Fetching | |
73 | +API Fetching | |
80 | 74 | |
81 | 75 | [GraphQL | A query language for your API](https://graphql.org/) |
82 | 76 | |
83 | -UI for React | |
77 | +UI for React | |
84 | 78 | |
85 | 79 | [MUI: The React component library you always wanted](https://mui.com/) |
86 | 80 | |
87 | -Caching | |
81 | +Caching | |
88 | 82 | |
89 | 83 | [Redis](https://redis.io/) |
90 | 84 | |
| @@ -93,4 +87,3 @@ Caching | ||
93 | 87 | [Auth0: Secure access for everyone. But not just anyone.](https://auth0.com/) |
94 | 88 | |
95 | 89 | # Design |
96 | - | |
97 | 90 | |