dzcode-io/dzcode.io

Website & mobile app for Algerian open-source community

dzcode.io's Issues

Define a good idea ?

Define a good idea :

Before suggesting any idea, think about it and its solutions and classing it as an awesome idea we have to follow some steps.

Let’s not forget that not every brilliant idea is the best idea, and not every best idea is always the perfect one.

So, when you have an idea, start by

• Identifying the starting problem :

What was the point you had after knowing the problem that made you have this idea as a solution to it? was the problem already solved? Or someone tried to solve it before?

if yes , can we improve this solution? Or make a better one? Or even changing the way of approaching it?

if no , why is that? Was it because it was impossible to do, or no one thought about before?

• Defining the problem :
  To do that, ask yourself some questions :

  • Who has the problem?
  • Is it urgent to solve?
  • Does it happen repeatedly?

After this, take a pen + a paper and start answering these questions, give your idea,elaborate and dissect the questions behind this idea.

Make the repo community friendly

can't run "yarn dev" on frontend in Windows terminal

Describe the bug

I can't start the development environment on a windows os. the bug is due to a failure to compile.

To Reproduce
Steps to reproduce the behavior:
on a windows os :

1. Go to ' dzcode.io\frontend''
2. run yarn dev '
3. See error ' Failed to compile. '

Expected behavior
start a development environment and compile successfully.

Screenshots

Desktop:

• OS: windows 10
• Version 10.0.10240 Build 10240
  .

Implement Contact Us

Deploy to Firebase

Use actual data instead of mocks in Landing Scene

Develop Projects Scene

Create a contact api function

top repositories

Add a Top Repository section.

1. Order the repositories based on the highest number of stars in a repository.
2. UI design
3. UI code

Provide Design for temporary landing page

Develop the landing page

Create First Article

Simple step by step guide on how to add articles to dzcode.io
https://github.com/dzcode-io/dzcode.io#add-your-own-article

Update CI/CD to deploy on tag instead of branches

When we create a tag, we deploy to either staging or production depends on the tag.

• Tags follow semantic versioning
• Tags start with stg or prd to differentiate between staging and production respectively

Eg:

• stg-0.1.21
• prd-1.0.12

setup staging environment

All modifications to staging branch will be deployed to staging.dzcode.io

Why:
This way, we will test new features live, before deploying it to production.

Steps:

• Create a staging hosting on firebase
• Setup DNS for staging.dzcode.io
• Create workflow to deploy staging branch to staging.dzcode.io

Setup React project

ESLint pattern can't detect any files on windows

Describe the bug

ESLint pattern can't detect any files on windows when trying to commit

To Reproduce
Steps to reproduce the behavior:

1. Go to 'frontend'
2. edit and stage and any file
3. Commit changes
4. See error

$ git commit -m "test"
husky > pre-commit (node v12.18.1)
$ eslint '*{,/**/*}.{js,ts,tsx}' --report-unused-disable-directives

Oops! Something went wrong! :(

ESLint: 6.8.0.

No files matching the pattern "'*{,/**/*}.{js,ts,tsx}'" were found.
Please check for typing mistakes in the pattern.

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
husky > pre-commit hook failed (add --no-verify to bypass)

Expected behavior
commit new changes

Screenshots

Desktop (please complete the following information):

• OS: Windows 10

SEO Integration

• Sitemap generation during build time for
  • Static URLs
  • Dynamic URLs
• Temporarily Deploy Production and Submit Sitemap to google URLs for testing

Create FAQ Section

Navigation Animation

Nice and minimalistic animation when navigating between scenes, this will give satisfying feedback for the user,

references:

• www.zakiii.com
• www.visionstorebiskra.com

Data Generator

As a documentation/blog writer, when i modify data files, the data should update automatically on development, and update on CI pipeline on both staging and master.

Steps:

• Dummy documentation data
• Data folder structure ( metadata and content files for each article/blog post )
• Auto Generate docs data, on development environment
• yarn build generates data files
• Setup hosting for data.staging.dzcode.io and data.dzcode.io
• Workflow for CI pipeline on both staging and master

secure api from XSS

Develop Learn Scene

as per #20 the design is ready here in Figma

Implement localization for `./web`

As a user, I should easily switch to either En, Ar, or Fr on any link in dzcode.io to Social Media, and see content in the respective language.

Tasks:

• Add language changing option to All dzcode.io pages ( #269 )
• Add RTL support ( #270 )
• Handle Urls in multi-language. (#396 and #390 )
• refactor data folder to support multi-language content (#403 )
• translate the static website content ./web (#420 )
• #465

Feature Branch : feat/localization
Feature PR : #275

Create API documentation

Splash Screen

As a Visitor, when i enter the website, I should see a splash screen while the website is loading, so that I know it’s loading and wait for it to load.

Steps:

• Add a temporary logo in an optimized SVG format
• Modify index.pug and style.scss to implement splash screen

Setup structure for "Learn" and "Articles" scenes

Add necessary files for each scene:

• Learn Scene
  • Route and Sections
  • Redux (Data Layer)
  • Data Fetching
  • UI Layer
• Articles Scene
  • Route and Sections
  • rename Blogs to Articles
  • Redux (Data Layer)
  • Data Fetching
  • UI Layer

Update Contact Us UI

Design for Learn Scene

As a visitor, I should see contribution guide articles, and browse them, read, write, modify, react & comment on any article.

scenarios:

• browse article from the sidebar
• Read article
• Modify article
• React to articles
• Comment on an articles

Force Style Guidelines in code

• Fix deps security issue
• add pre-commit hook
• add Style Guidelines pipeline
• Fix code unconformity to guidelines

Setup Hosting

Design for Blogs Scene

As a visitor, I should see blogs list, and browse them, read, write, modify, react & comment on any blog.

scenarios:

• browse blog posts from the sidebar
• Read blog post
• Modify blog post
• React to blog post
• Comment on a blogpost

Implement transnational emails

Create a Contact Form UI

horizontal scrollbar issue

Describe the bug
please fix the horizontal overflow on the main page

To Reproduce
Steps to reproduce the behavior:

1. Go to localhost:8080/

Hosting?

Since the website is static, a static hosting solution would fit perfectly.

• Google Firebase
• netlify
• Github Pages
• surge.sh

implement Article Search

Provide Design for landing page

Simple initial design cc @SofianeHamlaoui please cite the sections of the landing page with brief description

implement CORS

Social Media Integration

As a user, i should easily share any link from dzcode.io to Social Media or Any Open Graph supported software, and see proper thumbnail with title and description and theme color on the sharing platform.

• Add SSR collections for each model in data folder
• Refactor data and fullstack code
• SSR on build time for
  • static links
  • dynamic links
• Add title, description, thumbnail and theme color
• Update github workflows to deploy frontend when some files (SSR collections) inside data changes

implement an email notification cloud function

Revamping

Website Structure?

What features / sections should we implement in dzCode.io website?

Add a 👍 reaction to any of the comments below if you are interested in seeing these features / sections

Implement Footer component

Provide Design for Landing scene

Provide design for Blogs scene

Develop temporary landing page

how to contribute section

add how to contribute to the dzcode.io section.

1. content
2. UI design
3. UI code

Design for How To Contribute scene

Develop Articles Scene

Article Suggestion