All Projects → AtticusFinchIPH → atticus-literature

AtticusFinchIPH / atticus-literature

Licence: other
Ititially, it's a bookstore website. However, I 'd like to develop something deeper then in the future.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to atticus-literature

smashing-react-i18n
Internationalizing React App Boilerplate For SmashingMagazine
Stars: ✭ 63 (+200%)
Mutual labels:  react-intl
rescript-react-intl
ReScript bindings to react-intl
Stars: ✭ 42 (+100%)
Mutual labels:  react-intl
storybook-addon-intl
Addon to provide a locale switcher and react-intl for storybook
Stars: ✭ 84 (+300%)
Mutual labels:  react-intl
gatsby-typescript-emotion-storybook
Gatsby Starter: TypeScript + Emotion + Storybook + React Intl + SVGR + Jest
Stars: ✭ 63 (+200%)
Mutual labels:  react-intl
react-intl.macro
Extract react-intl messages with babel-plugin-macros.
Stars: ✭ 39 (+85.71%)
Mutual labels:  react-intl
energy-use-case-trading-client
Energy Use Case Web UI for Lition Trading Platform
Stars: ✭ 23 (+9.52%)
Mutual labels:  react-intl
kotlin-js-wrappers
Kotlin JS wrappers for popular JavaScript libraries
Stars: ✭ 48 (+128.57%)
Mutual labels:  react-intl
react-template
An enterprise react template application showcasing - Testing strategy, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading and CI/CD
Stars: ✭ 44 (+109.52%)
Mutual labels:  react-intl
mobx-react-intl
A connector between mobx-react and react-intl
Stars: ✭ 32 (+52.38%)
Mutual labels:  react-intl
generator-tsx
Yeoman generator for CRA + TypeScript + React + Redux + Router + Testing Library.
Stars: ✭ 25 (+19.05%)
Mutual labels:  react-intl
react-native-boilerplate
🚀 A highly scalable, react-native boilerplate reinforced with react-boilerplate which focus on performance and best practices. 🔥. 💻 🚀 😎 👾 👽
Stars: ✭ 82 (+290.48%)
Mutual labels:  react-intl
react-intl-demo
使用 react-intl 实现 React 国际化多语言
Stars: ✭ 30 (+42.86%)
Mutual labels:  react-intl
extract-react-intl
Extract react-intl messages
Stars: ✭ 18 (-14.29%)
Mutual labels:  react-intl
react-intl-po
🚀 Extract POT from react-intl and convert back to json.
Stars: ✭ 88 (+319.05%)
Mutual labels:  react-intl
i18n
Minimalist gettext style i18n for JavaScript
Stars: ✭ 14 (-33.33%)
Mutual labels:  react-intl
rescript-react-intl-extractor
Extracts messages for localization from ReScript source files.
Stars: ✭ 32 (+52.38%)
Mutual labels:  react-intl
admin-template-for-react
🌏 Admin template for React, React Redux, Redux Saga, React Router, i18n and integrated OAuth login
Stars: ✭ 83 (+295.24%)
Mutual labels:  react-intl
react-intl-cra
🔧 Extract messages of Creact React App from the command line.
Stars: ✭ 68 (+223.81%)
Mutual labels:  react-intl
egghead-bookshelf
An example React application to accompany the "Add Internationalization (i18n) to a React app using React Intl" Egghead.io course
Stars: ✭ 28 (+33.33%)
Mutual labels:  react-intl
react-intl-po-example
👉 This is a standalone project for using react-intl-po with CRA.
Stars: ✭ 38 (+80.95%)
Mutual labels:  react-intl

Welcome to Atticus Literature!

Atticus Literature, is an online platform for book lovers. Based on a bookstore website design, Atticus Literature sells all genres of literary products. However, in several versions, people will be able to post their own blogs, write their thought about books or share, rent books between each others.

Project Link - http://books.atticus-literature.cf

Table of contents

  1. Installation
  2. Tech Stack
  3. API
  4. Current Version
  5. Screenshots
  6. What's Next?

Installation

Steps to follow if you don't have docker or docker-compose:

  1. Clone this repo by running the following command:
git clone https://github.com/AtticusFinchIPH/atticus-literature
cd atticus-literature
  1. Now install all the required packages by running the following commands in separate prompts:
cd backend && npm install
cd frontend && npm install
  1. Create a .env file in the 'backend' folder and copy the format of .env.sample file.
    .env.sample file contains all the environment variables required for running the project.

  2. In case you have Concurrently running in your system, start the react and node server together by running the following command:

npm start

If not, you can start node server first and then react by running the following commands in separate prompts:

cd backend && npm start
cd frontend && npm start
  1. 🎉 Open your browser and go to https://localhost:3000

If you have docker & docker-compose:

  1. Modify MONGODB_URL environment variable in docker-compose.yaml with your mongodb connection.
  2. Run in root project the following command:
docker-compose up
  1. 🎉 Open your browser and go to https://localhost:80

Tech Stack 🚀

Frontend

Backend

API 🖥

Current Version 🔥

In this version (1.0.3), we are able to access these features:

  • Landing page
  • Bookstore page
  • About Us page
  • Checkout page
  • OrderProcess page
  • Redirect bar, Cart bar
  • User Sign In, Sign up, Sign out

Fixed last version issues & new features:

  • Use Github Project for planning next features
  • Reduce images size
  • Translate author in About Us

For more details, check on Versions Manager

Screenshots 📸

Landing Page

al-home

Bookstore Page

al-bookstore

About US Page

al-aboutus

Checkout Page

al-checkout

Order Process Page

al-order_process_1 al-order_process_2 al-order_process_3

Cart Bar

al-cartbar

Redirect Bar (for mobile view)

al-redirectbar

Underconstruction Page

al-underconstruction

What's Next? 🏹

In up comming version (or sub-version, 1.0.4), we will focus on dealing with these issues:

  • Order review for login user
  • Apply userInfo in Checkout, OrderProcess
  • Stories page
  • Use Github Action for CI/CD

For more details, check on Tasks Manager

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].