Giter Site home page Giter Site logo

sonylomo / data-law-companion Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 3.0 145.49 MB

Home Page: https://dev.datalawcompanion.org/

JavaScript 43.93% HTML 0.11% CSS 0.39% TypeScript 18.73% Dockerfile 0.05% Jupyter Notebook 33.77% Python 1.65% PHP 1.37%
pnpm progressive-web-app react typescript

data-law-companion's Issues

DESIGN & THEMES

Description

This is a list of the current design choices:

  • Color Palette:
    • "neutral-orange": "#D4802E"
    • "neutral-red": "#990000"
    • "dark-grey":"#3E3E4C"
    • "light-grey": "#696A78"
    • "neutral-grey": "#F7F7F8"
    • "white": "#FFF"
  • Wireframe
  • Site Map
    • Home
    • About Us
    • Compliance Issues
    • Resources
    • Data Protection Act Assistant

Mvp: Home page

Tasks

  • Hero Banner Image
  • News Caroussel
  • Kenya Data Protection Act
  • Uganda Data Protection Act
  • Rwanda Data Protection Act
  • FAQ

Page Not Found

Description

Tasks

  1. Create a PageNotFound.tsx file to the /pages folder - this is where your implementation will be added:

    //pages/PageNotFound.tsx
    
    import React from 'react'
    
    const PageNotFound = () => {
      return (
        <div>Page Not Found</div>
      )
    }
    
    export default PageNotFound
  2. Navigate to routes/index.tsx file, import the PageNotFound component you've created, and add the code below as the last item in the list of routes:

      {
        path: "*",
        element: <PageNotFound />,
      },
  3. Confirm that it works by going to a route that doesn't exist e.g. http://localhost:5173/prices.

  4. Implement the design of your choice using our theme colors.

  5. Try using tailwindcss for styling instead of vanilla css.

๐Ÿš€ Summarization Positioning

Description

The summarization section of the home page isn't easily noticeable. We need to find a different way of implementing it.

Tasks

  • Collapsible chatbot
  • Chatbot to open by default

๐Ÿš€ Feat: Blog Page Implementation

Description

The site needs an interim blog page while the backend guy builds blog integration on the API.

Task

  • Use Strapi as our headless CMS
  • Use existing News cards for the blog to maintain design consistency

Country Dropdown option

Description

Allow users to choose the country they want to view information for i.e Kenya, Uganda or Rwanda.
By default, we'll search for the user's current location or set Kenya as default if they refuse location permisssons.

Add Language Internationalization

Description

Since the app will have a lot of users outside Kenya, internationalization would be beneficial for non-native English speakers.

MVP: About Page

Tasks

  • Hero Section
  • Objectives
  • Team
  • Funding and Collaboration
  • Stakeholders

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.